<template>
    <div class="home">
      <viewer :images="logo ? logo.split(',') : []">
        <div><img :src="logo"></div>
      </viewer>
      <p>欢迎来到集鲜丰后台管理系统</p>
    </div>
</template>

<script>
  import logo from '@/assets/images/logo.png'

    export default {
        name: "Home",
        data() {
          return {
            logo:  logo,
            isShowCropper: false,
            tCropHeight: 200,
            tCropWidth: 200
          }
        }
    }
</script>

<style lang="scss" scoped>
  .home {
    display: flex;
    min-height: 600px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    img {
      width: 200px;
      height: 200px;
    }
    p {
      margin: 50px 0;
      font-size: 22px;
      font-weight: bolder;
    }
  }
</style>
